<template>
  <el-row>
    <el-form-item label="选项:">

      <el-row>
        <el-radio
          v-model="radio"
          label="1"
          style="margin-right: 10px"
        >A:</el-radio>
        <el-input style="width: 200px" />
        <el-upload
          class="upload-demo"
          action="https://jsonplaceholder.typicode.com/posts/"
          list-type="picture"
        >
          <el-button class="shangchuan">上传图片</el-button>
        </el-upload>
      </el-row>
      <el-row>
        <el-radio
          v-model="radio"
          label="2"
          style="margin-right: 10px"
        >B:</el-radio>
        <el-input style="width: 200px" />
        <el-upload
          class="upload-demo"
          action="https://jsonplaceholder.typicode.com/posts/"
          list-type="picture"
        >
          <el-button class="shangchuan">上传图片</el-button>
        </el-upload>
      </el-row>
      <el-row>
        <el-radio
          v-model="radio"
          label="3"
          style="margin-right: 10px"
        >C:</el-radio>
        <el-input style="width: 200px" />
        <el-upload
          class="upload-demo"
          action="https://jsonplaceholder.typicode.com/posts/"
          list-type="picture"
        >
          <el-button class="shangchuan">上传图片</el-button>
        </el-upload>
      </el-row>
      <el-row>
        <el-radio
          v-model="radio"
          label="4"
          style="margin-right: 10px"
        >D:</el-radio>
        <el-input style="width: 200px" />
        <el-upload
          class="upload-demo"
          action="https://jsonplaceholder.typicode.com/posts/"
          list-type="picture"
        >
          <el-button class="shangchuan">上传图片</el-button>
        </el-upload>
      </el-row>
      <el-row>
        <el-button
          type="danger"
          icon="el-icon-plus"
          disabled
        >增加选项与按钮</el-button>
      </el-row>
    </el-form-item>
  </el-row>

</template>

<script>
export default {
  data () {
    return {
      radio: false
      // props: {
      //   danxuan: {
      //     type: Boolean,
      //     defalue: false
      //   }
      // }
    }
  }
}
</script>

<style scoped lang='less'>
.shangchuan {
  position: absolute;
  top: -8px;
  left: 29%;
  height: 50px !important;
  border: dashed #ccc;
}
</style>
